iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
1
自我挑戰組

重新開始的Vue.js 30day系列 第 7

從頭開始的Javascript 入門 -迴圈 day6

  • 分享至 

  • xImage
  •  

從頭開始的Javascript 入門 -迴圈 day6

迴圈會檢測條件,如果回傳為true,便會運行程式碼區塊,接著條件將會被再度檢測,他如果回傳值依樣會true,程式碼區塊將再度運行。會重複檢測,直到條出為false 以下為三種常見類型

  • for
  • while
  • Do while
    1.for
    如果需要指定 運行程式碼 次數 需使用For迴圈,通常以計數器做為條件,已決定迴圈要進行的次數
    2.while
    當你並不知道程式碼必須運行的次數,就可以使用while,在這狀況下,條件不具有計數器功能,但只要條件回傳值為true,回圈便會持續進行。
    3.do while
    do...while迴圈和while 非常相似,但是最主要的不同就式:他會運行大括號的程式敘述句至少一次,即使條件評估為false
for(var i =0; i<10 ;i++){ 
  document.write(i); //迴圈中須執行的程式敘述 
}

(var i =0; i<10 ;i++)// 計數器
var names = ["ken","harry","Jacjy","tom"];

for(var i=0;i<=names.length-1;i++){
   console.log(names[i]);
}

for(var i = names.length-1;i>=0;i--){
    console.log(names[i]);
}//從最尾端開始計算

for 迴圈 使用計數器為條件,可以指引程式碼運行特定的次數,
在此你可以看到這條件是由三個敘述句組成的

初始化

var i =0;
建立一個變數為零,通常變數命名為i,將她用計數器功能。

條件

迴圈持續執行,直到計數器達到指定次數。

i<10;

條件可能也會使用變數,且該變數,儲存一個數值。如果有一個名稱為round 的變數,此變數保存著測驗的次數,且每次回圈運行一次就執行一次測驗,那麼條件如下:

更新

每次迴圈執行完大括號的敘述,都會於計數器上增加一次計數

i++

迴圈與陣列

當我們想把陣列裡面的項目輸出至頁面,可以用迴圈檢視陣列項目的總量,而這數值就可以提供計數器來控制敘述句的執行次數

var scores =[24,32,17];
var arrayLength = scores.length;
var roundNumber = 0;
var msg = '';
var i ;

for(i=0;i<arrayLength;i++){

roundNumber =(i+1);
msg += 'round' + roundNumber +':' ;
msg +=  scroes[i]+'<br/>';
}

docuemnt.getElementbyId('answer').innerHTML = msg;

while 迴圈

var i =1; 
var msg ='';//文字訊息
// 變數中 儲存 5倍數的資料表
while(i<10){
  msg += i + 'x5' = '+(i*5)+'</br>';
  i++ ;
}

do while 迴圈

var i =1; 
var msg ='';//文字訊息
// 變數中 儲存 5倍數的資料表
do{
  msg += i + 'x5' = '+(i*5)+'</br>';
  i++ ;
}while(i <1 );

上一篇
從頭開始的Javascript 入門 -物件 day5
下一篇
從頭開始的Javascript 入門 -dom day8
系列文
重新開始的Vue.js 30day21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言